/* banner */
.banner {
	 width:100%;
	 position:relative;
}
.banner .viewport {
	 position:relative;
	 width:100%;
	 height:auto;
	 overflow:hidden;
}
.banner .scroll{
	 left:0px;
	 top:0px;
}
.banner .scroll .swiper-slide {
	 float:left;
}

.banner .scroll .swiper-slide a {
	 display:block;
}
.banner .scroll .swiper-slide img {
	 width:100%;
}

/* banner瞄点
.banner .choose {
	 position:absolute;
	 display:block;
	 height:10px;
	 bottom:9px;
	 right:14px;
}
.banner .choose li {
     display:block;
	 float:left;
	 width:8px;
	 height:8px;
	 background:#dcdcdc;
	 border:1px solid #dcdcdc;
	 border-radius:10px;
	 margin-right:6px;
}
.banner .choose li.active {
	 background:#fff;
	 width:7px;
	 height:7px;
	 border:1px solid #614329;
} */

/* 插件轮播瞄点样式 */
 .f_index .pagination { 
	 position:absolute;
	 display:block;
	 height:10px;
	 bottom:9px;
	 right:14px;
 }
 .f_index:after { 
	 content:"."; 
	 display:block; 
	 height:0; 
	 visibility:hidden; 
	 clear:both; 
 }
 .swiper-pagination-switch { 
	 display:inline-block; 
	 width:8px; 
	 height:8px;
	 background:#dcdcdc;
	 border:1px solid #dcdcdc;
	 border-radius:10px;
	 margin-right:6px;
 }
 .swiper-active-switch { 
	 background:#fff;
	 width:7px;
	 height:7px;
	 border:1px solid #614329;
 }


/* nav */
.nav {
	 padding-left:5.7%;
	 padding-bottom:35px;
}
.nav ul {
	 
}
.nav li {
	 width:14.51%;
	 float:left;
	 margin-right:10.41%;
	 margin-top:30px;
}
.nav li a{
	 width:100%;
	 display:blcok;
}

.nav li .pic {
	 width:100%;
	 text-align:center;
	 margin-bottom:4px;
}
.nav li .pic img {
	 width:100%;
}
.nav li .info {
	 width:100%;
	 min-width:50px;
	 text-align:center;
	 word-break: break-all;
}
.nav li .info span {
	 position:relative;
	 display:block;
}

/* 最新需求模块 */
.lastest_need {
	 
	 margin-top:16px;
	 display:table;
}
.lastest_need .fl {
	 padding-left:3.6%;
	 padding-top:2px;
}
.lastest_need .fl strong {
	 width:32px;
	 display:block;
	 font-size:16px;
	 color:#614329;
	 line-height:24px;
}
.lastest_need .info {
	 position:relative;
}
.lastest_need .info .time {
	 position:absolute;
	 top:65%;
	 right:3.6%;
}
.lastest_need .wrap {
	 width:78%;
}

/* tab切换 */
.tab_veiwport {
     width:100%;
	 height:40px;
	 margin-top:16px;
	 overflow:hidden;
}
.I_tab {
	 line-height:37px;
	 height:37px;
	 margin:0 auto;
}
.I_tab li {
	 padding:0 10px;
	 float:left;
}
.I_tab a {
	 display:block;
	 text-align:center;
}
.I_tab li.active {
	 border-bottom:3px solid #ffa800;
}

/* tab锚点 */
.anchor {
	 width:100%;
	 height:61px;
	 line-height:61px;
	 font-size:14px;
	 position:relative;
}
.anchor .point {
     width:100%;
}
.anchor .line,
.anchor .Icon,
.anchor .mes {
	 position:absolute;
}
.anchor .Icon {
	 left:36.6%;
	 top:24px;
}
.anchor .line {
     box-sizing: border-box;
	 width:31.33%;
	 height:1px;
	 line-height:1px;
	 border-bottom:1px solid #d2d2d2;
	 top:31px;
	 left:3.6%;
}
.anchor .point .mes {
	 left:42.2%;
}
.anchor .point .line2 {
	 left:63.73%;
}
.anchor .icon_com {
	 display:block;
	 width:17px;
	 height:17px;
}
.anchor .point .Icon1 {
	 background-position:0 -72px;
}
.anchor .point .Icon2 {
	 background-position:-31px -72px;
}
.anchor .point .Icon3 {
	 background-position:-63px -72px;
}
.anchor .point .Icon4 {
	 background-position:-94px -72px;
}
.anchor .point .Icon5 {
	 background-position:-126px -72px;
}
.anchor .point .Icon6 {
	 background-position:-1px -99px;
}
.anchor .point .Icon7 {
	 background-position:-31px -99px;
}
.anchor .point .Icon8 {
	 background-position:-63px -101px;
}

/* 内容 */ 


/* 案例图推荐 */
.P_mod_example {
	 padding:10px 3.6% 14px;
	 margin-bottom:14px;
}
.P_mod_example .section {
	 width:100%;
}
.P_mod_example .section .pic {
	 width:100%;
	 padding-bottom:10px;
}

.P_mod_example .section .pic img {
	 width:100%;
	 max-height: 168px;
}
.P_mod_example .section .private {
	 width:50px;
	 height:50px;
	 float:left;
	 margin-right:6%;
}
.P_mod_example .section .private .img {
	 width:100%;
	 padding-bottom:3px;
}
.P_mod_example .section .img img {
	 width:100%;
}
.P_mod_example .section .private .name {
	 width:100%;
	 display:block;
	 text-align:center;
	 color:#333;
	 font-size:14px;
}
.P_mod_example .section .mes {
	 float:left;
	 width:77%;
	 position:relative;
}
.P_mod_example .section .mes .tittle h2 {
	 font-size:16px;
	 color:#000;
	 width:100%;
}
.P_mod_example .section .mes .tittle p {
	 color:#9c9c9c;
	 line-height:18px;
}
.P_mod_example .section .mes .type {
	 
}
.P_mod_example .section .mes .type p {
	 color:#000;
	 line-height:18px;
}
.P_mod_example .section .mes em {
	/* position:absolute;
	 bottom:0px;
	 right:3.6%;*/
	 float:right;
	  width:100%;
}


.P_mod_asked {
	 margin-bottom:12px;
}
.P_mod_asked .asked_num {
	 width:52px;
	 height:48px;
	 background:#ffa800;
	 float:left;
	 text-align:center;
	 padding-top:4px;
}
.P_mod_asked .asked_num span {
	 font-size:16px;
	 color:#fff;
}
.P_mod_asked .asked_num p {
	 font-size:14px;
	 color:#fff;
}
.P_mod_asked .info {
	 float:left;
	 margin-left:12px;
	 width:78%;
}
.P_mod_asked .info h2 {
	 font-size:16px;
	 color:#333;
	 width:100%;
	 height:20px;
	 overflow:hidden;
}
.P_mod_asked .info p {
	 width:100%;
	 overflow:hidden;
	 height:14px;
}
.P_mod_asked .sprite_icon .icon8 {
	 display:inline-block;
	 width:12px;
	 height:12px;
	 margin-right:2px;
	 background-position:-65px -16px;
}


.customization {
	 position:fixed;
	 bottom:0px;
	 z-index:9999;
	 left:0;
	 width:100%;
	 height:14%;
	 background:url("../images/customization.png") no-repeat center;
	 background-size:100%;
}
.customization a {
	 position:absolute;
	 background:#ffa800;
	 color:#fff;
	 text-align:center;
	 line-height:24px;
	 border-radius:5px;
	 top:50%;
	 margin-top:-12px;
	 right:30px;
	 width:82px;
	 height:24px;
}
.customization .close {
	 position:absolute;
	 top:10px;
	 right:6px;
	 font-size:18px;
	 color:#fff;
	 font-weight:bold;
}